import React,{Component}  from 'react';
import moment from 'moment';
import {Form,DatePicker,Select,Button} from 'antd';

const FormItem = Form.Item;
const Option = Select.Option;
const RangePicker = DatePicker.RangePicker;

const Toolbar =({
	groupVarzuheSelect,
	groupVarjizhunSelect,
	timeRangeSelect,
	rangePicker
	})=>(
		<div>
		<Form layout="inline">
			<FormItem
				label="组合"
			>
				<Select {...groupVarzuheSelect} >
					{
						groupVarzuheSelect.data.map((item,i)=><Option value={item.value} key={i}>{item.name}</Option>)
					}
				</Select>
			</FormItem>
			<FormItem
				label="基准"
			>
				<Select {...groupVarjizhunSelect} >
					{
						groupVarjizhunSelect.data.map((item,i)=><Option value={item.value} key={i}>{item.name}</Option>)
					}
				</Select>
			</FormItem>
			<FormItem
    label="时间区间"
  	>
    <RangePicker
    {...rangePicker}
    format="YYYY/MM/DD"
    style={{ width: 200 }}
    />

  	</FormItem>
			
			<Button type="primary" >
				查询
			</Button>
		</Form >

</div>)

Toolbar.propTypes={

}

export default Toolbar